<template>
  <div class="bg-w">
    <div class="container exp-box">
      <!-- <build-el-bread></build-el-bread> -->
      <build-el-h1 name="奖项说明-黑色.png"></build-el-h1>
      <p class="fwb" v-html="details.contestText"></p>
      <build-el-h1
        name="大赛申报流程标题.png"
        v-margin-top="'20px'"
      ></build-el-h1>
      <p class="fwb" v-html="details.contestProcess"></p>
      <div v-margin-top="'30px'"></div>
    </div>
  </div>
</template>
<script>
import buildElBread from "@/components/build-el-bread";
import buildElH1 from "@/components/build-el-h1";
import buildElIconList from "@/components/build-el-icon-list";
import buildElIconListCol from "@/components/build-el-icon-list-col";
import JSONData from "@/assets/JSON";
import router from "@/router";
export default {
  components: {
    buildElBread,
    buildElH1,
    buildElIconList,
    buildElIconListCol,
  },
  data() {
    return {
      ...JSONData,
      details: {},
    };
  },
  async mounted() {
    let res = await this.api.findDownloadFile({ customizeId: 1 });
    this.details = res;
    console.log(this.details);
  },
  methods: {
    async down() {
      await this.api.downloadFiles();
    },
    toUpload() {
      router.push({
        name: "Upload",
      });
    },
  },
};
</script>
<style lang="less" scoped>
.exp-box {
  text-align: left;
}
</style>
